<template>
  <tabbar>
    <tabbar-item :selected="selected == 1" link="/equipment">
      <span slot="label">设备管理</span>
    </tabbar-item>
    <tabbar-item :selected="selected == 2" show-dot link="/patrolManagement">
      <span slot="label">巡检管理</span>
    </tabbar-item>
    <tabbar-item :selected="selected == 3" link="/malfunctionManagement">
      <span slot="label">发布故障</span>
    </tabbar-item>
  </tabbar>
</template>

<script>
  import { Tabbar, TabbarItem} from 'vux'


  export default {
    components: {

      Tabbar,
      TabbarItem
    },
    mounted() {

    },
    props: {
      selected: {
        type: String,
        default: '1'
      }
    },
    data () {
      return {

      }
    },
    watch: {

    },
    methods: {

    }
  }
</script>

<style scoped>
  .weui-tabbar{
    background: #fff;
  }

</style>
<style>
  .weui-tabbar__item.weui-bar__item_on p.weui-tabbar__label{
    background: #4791d2;
    color: #fff;
  }
</style>
